<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <script type="text/javascript" src="../script/libs/zepto.js">
    </script>
    <script type="text/javascript" src="../script/libs/template-web.js">
    </script>
    <script src="../script/libs/iscroll-probe.js" charset="utf-8">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/7.2.0/lazyload.transpiled.min.js"></script>


    <link rel="stylesheet" href="../style/activityPage.css">
    <script type="text/javascript" src="../script/activityPage.js">

    </script>
  </head>
  <body>
    <div class="activityHeader">
      <a id="categorypageBack" href="javascript:void(0)"></a>
      <h2>品质口粮酒</h2>
      <span id="categoryLogoList"></span>
    </div>


    <div id="activityScrollWrapper">
      <div>

        <div class="activityListHeader">
          <img src="../images/arrow.png" />
          <span>下拉刷新...</span>
        </div>

        <ul id="activityListWrapper">
          <script id="activityList" type="text/html">
            {{each list}}
            <li>
              <a href="#">
                <img data-original="{{$value.goods_thumb}}" alt="">
                <p>{{$value.goods_name}}</p>
                <span>{{$value.cur_price}}</span>
                <i>点击购买</i>
              </a>
            </li>
            {{/each}}
          </script>
        </ul>

        <div class="activityListFooter">
          <img src="../images/arrow.png"/>
          <span>上拉加载更多...</span>
        </div>

      </div>
    </div>


  </body>
</html>
